<template>

  <div></div>
</template>

<script>

export default {
  name: 'SearchSuggestion',
  components: {},
  props: {
    q: {
      type: String,
      required: true
    }
  },
  data () {
    return {
      suggestions: []
    }
  },
  computed: {},
  watch: {

  },
  created () { },
  mounted () { },
  methods: {
    highlight (str) {
      return str
        .toLowerCase()
        .replace(
          this.q.toLowerCase(),
          `<span style="color: red;">${this.q}</span>`
        )
    }
  }
}
</script>

<style scoped></style>
